import React from 'react';
import ReactDOM from 'react-dom';
import mirror, {actions, connect,Link} from 'mirrorx';
import { FormattedMessage} from 'react-intl';
import { Grid } from 'antd-mobile';

class App extends React.Component { 
	constructor(props) {
        super(props);       
        
        
	}

	componentDidMount(){
		
    }   
	onGridClick=(e)=>{
		if(e.url){
			location.href=e.url;
		}		
	}
	
	render() {
		const data = [{icon:"/assets/images/uob/2.png",text:"UOB Stash Account",url:""},
		{icon:"/assets/images/uob/1.png",text:"UOB Credit Card",url:""},
		{icon:"/assets/images/uob/4.png",text:"PRIV Miles Card",url:""},
		{icon:"/assets/images/uob/5.png",text:"Property Loans",url:""},
		{icon:"/assets/images/uob/3.png",text:"Investment",url:"product-detail-tail?goodId=22"},
		{icon:"/assets/images/uob/6.png",text:"My Insurance",url:"investment"}]
		return (<div className="uob-index pl40 pr40 pt20">
		<div style={{width:"100%",textAlign:"center"}} className="mt50 mb30"><img src="/assets/images/uob/UOB.jpg" style={{width:"4rem"}}/></div>
		
         <Grid data={data} activeStyle={false} hasLine={false} columnNum={2} onClick={(e)=>this.onGridClick(e)} itemStyle={{ fontSize: '12px' }}/>
    </div>)
	}
}

export default App;   